module.exports = {
  purge: [
    './src/**/*.html',
    './src/**/*.vue',
  ],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      colors: {
        gray: {
          DEFAULT: '#363636',
          '33': '#333333',
          '66': '#666666',
          '99': '#999999',
          'cc': '#cccccc',
          'fa': '#fafbfe',
        },
        red: {
          DEFAULT: '#C6191B'
        },
        yellow: {
          DEFAULT: '#FFFF00'
        }
      },
      boxShadow: {
        DEFAULT: '0px 0px 12px 0px rgba(152,74,75,0.05)',
        '20': '0px 2px 20px 0px rgba(188,118,118,0.08);',
        '44': '0px 2px 20px 0px rgba(44,24,24,0.05);'
        // 'lg': '0px 10px 15px -3px rgba(152,74,75,0.1)',
      }
    },

    screens: {
      'sm': '640px',
      'md': '768px',
      'lg': '1200px',
    }
  },
  variants: {},
  plugins: [
    require('@tailwindcss/line-clamp'),
  ],
  corePlugins: {
    preflight: false,
  }
}